/*
 * Copyright (C) 2015 Actor LLC. <https://actor.im>
 */

// Defaults
$default-padding: 16px;
$default-border-radius: 3px;
$default-transition-duration: 400ms;
$default-transition-timing: cubic-bezier(.25, .8, .25, 1);
$default-avatar-size: 36px;
$default-stem-size: 14px;


// Colors
$havelock-blue: #4a90e2;
$kashmir-blue: #516d90;
$blue-bayoux: #486181;
$bismark: #446186;
$dove-gray: #656565;
$pigeon-post: #adc2dc;
$mine-shaft: #393939;
$cornflower-blue: #599cf1;
$dorado: #575757;
$sea-pink: #ea919c;
// Placeholder color
$color-empty: #b8b8b8;
$color-lblue: #59a2be;
$color-blue: #2093cd;
$color-purple: #ad62a7;
$color-red: #f16364;
$color-orange: #f9a43e;
$color-yellow: #e4c62e;
$color-green: #67bf74;
// New design colors
$dark-sky-blue: #4a90e2;
$dark-sky-blue2: #5191db;
$apple: #5dcc30;
$squash: #f5a623;
$greyish: #b4b4b4;
$greyish-brown: #4d4d4d;
$coral-pink: #ff556a;
$dark-grey-blue: #324a66;
$coral: #fd5c52;
$baby-blue: #a8d0ff;
$dusk: #49627f;
$dusky-blue: #425d7d;
$cloudy-blue: #d6dce3;
$light-grey-blue: #a5bedc;
$pale-grey: #f5f6f7;

// Body
$body-background-color: $bismark;
$body-base-color: $bismark;
$body-min-height: 600px;
$typing-height: 42px;

// Toolbar
$toolbar-height: 64px;
$toolbar-text-color: $mine-shaft;
$toolbar-secodary-text-color: #797979;

// Avatars
$avatar-tiny-size: 24px;
$avatar-small-size: 32px;
$avatar-medium-size: 44px;
$avatar-large-size: 60px;
$avatar-big-size: 120px;
$avatar-huge-size: 200px;

// Form elements
$compose-border-color: rgba($kashmir-blue, .24);

// Buttons
$button-border-radius: $default-border-radius;
$button-text-color: rgb(144, 144, 144);

// Sidebar
$sidebar-width: 250px;
$sidebar-header-height: 64px;
$sidebar-footer-height: 50px;
$sidebar-text-color: white;
$sidebar-header-hover-color: rgb(72, 97, 129);

// Activity block
$activity-width: 400px;
$activity-text-color: rgba($mine-shaft, .85);
$activity-background-color: rgb(255, 255, 255);

// Messages
$message-sender-text-color: $mine-shaft;
$message-text-color: $dove-gray;
$message-line-height: 20px;
$message-state-color: rgba($mine-shaft, .3);
$message-timestamp-color: $message-state-color;
$message-service-text-color: rgba($mine-shaft, .5);
$message-document-icon-size: 64px;

// Modal
$modal-default-width: 300px;
$modal-default-background: rgb(255, 255, 255);
$modal-default-radius: 4px;
$modal-backdrop-color: rgba(0, 0, 0, .6);
$modal-header-height: 60px;
$modal-text-color: rgba(57, 57, 57, .85);
$modal-text-light-color: rgba(57, 57, 57, .6);

// Login
$login-text-color: #8ba8cb;
$login-input-color: #659ee1;

// Compose
$compose-message-height: 80px;

// Banner
$banner-height: 40px;

// Dropdown
$dropdown-min-width: 250px
